@import '~scss/variables';
@import '~scss/mixins';

.header {
  display: flex;
  align-items: center;
  padding: 10px, 10px, 10px, 10px;
  & > div:first-child {
    flex: 1;
    @include TypographySymbolText;
  }

  .select {
    width: 160px;
  }
}

//定义最外框的窗体样式  （自定义信息窗体）
.customwindow {
  background-color: rgba(1, 10, 36, 0.8);
  opacity: 0.7;
  border: 0px solid #ccc;
  border-radius: 0px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 0px;
  position: relative !important;
}

.windowTitle {
  padding: 10px;
  margin: 10 10 0 10px;
  font-size: 20px;
  font-weight: 500;
  color: white;
}

.windowContent {
  padding: 10px;
  margin: 0 10 10 10px;
  font-size: 15px;
  font-weight: 500;
  color: white;
}

html,
body,
#root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.App {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; //设置字体
  text-align: center; //将元素内文本的水平对齐方式设置为居中
  font-size: large; //将元素的字体大小设置为浏览器默认大小的 "large"
  font-weight: 500; //将字体的粗细设置为 "500"
  width: 100%;
  height: 100%;
  margin-top: -40px;
  margin-bottom: 10px;
}

.map-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.map {
  // margin-bottom: 25px;
  // height: 70px;
  background-color: #b2dfdf;
  // margin-top: 0;

  &Status {
    // padding: px 0px;
    margin-top: -10px;
    margin-bottom: 0;
  }
}

.title {
  font-weight: 550;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
    'Lucida Sans', Arial, sans-serif;
  font-size: 17px;
  margin-bottom: 10px;
  // height: '390px';
}
